<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
    </style>
    <link rel="stylesheet" href="./lib/bootstrap.css">
</head>

<body>
    <div class="container">
        <div class="row align-items-center">
            <h1 class="col-2 ">logo</h1>
            <h2 class="col-3">电商信息收集</h2>
            <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal"
                data-whatever="@mdo" id="add">添加信息</button>
        </div>
        <div class="bs-example my-4">
            <table class="table table-hover table-bordered table-striped thead-inverse">
                <thead>
                    <tr>
                        <th class="goods-id">编码</th>
                        <th class="goods-name">商品名称</th>
                        <th class="goods-price">商品价格</th>
                        <th class="goods-num">商品库存</th>
                        <th>删除</th>
                        <th>修改</th>
                    </tr>
                </thead>
                <tbody class="cont">
                    <!-- <tr>
                        <td>DATA</td>
                        <td>DATA</td>
                        <td>DATA</td>
                        <td>DATA</td>
                        <td>DATA</td>
                        <td><button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal" data-whatever="@fat">修改</button></td>
                    </tr> -->
                </tbody>
            </table>
        </div>
        <div class="row justify-content-center">
            <nav aria-label="Page navigation example">
                <ul class="pagination pageWrap">
                    <li class="page-item"><a class="page-link leftBtn" href="#">上一页</a></li>
                    <!-- <li class="page-item"><a class="page-link" href="#">1</a></li>
                    <li class="page-item"><a class="page-link" href="#">2</a></li>
                    <li class="page-item"><a class="page-link" href="#">3</a></li> -->
                    <li class="page-item"><a class="page-link rightBtn" href="#">下一页</a></li>
                </ul>
            </nav>
        </div>
        <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h4 class="modal-title" id="exampleModalLabel">请输入信息</h4>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                                aria-hidden="true">&times;</span></button>
                    </div>
                    <div class="modal-body">
                        <form>
                            <div class="form-group">
                                <label for="goodsName" class="control-label">商品名称:</label>
                                <input type="text" class="form-control" id="goodsName">
                            </div>
                            <div class="form-group">
                                <label for="goodsPrice" class="control-label">商品价格:</label>
                                <input type="text" class="form-control" id="goodsPrice"></input>
                            </div>
                            <div class="form-group">
                                <label for="goodsNum" class="control-label">商品数量:</label>
                                <input type="text" class="form-control" id="goodsNum"></input>
                            </div>
                        </form>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default btn-primary mx-auto" data-dismiss="modal"
                            id="send">提交</button>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal fade" id="delete" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h4 class="modal-title" id="myModalLabel">是否确认删除数据</h4>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">我再想想</button>
                        <button type="button" class="btn btn-primary" data-dismiss="modal" id=deleteCon >删除</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
<script src="lib/jquery.slim.min.js"></script>
<script src="lib/popper.min.js"></script>
<script src="lib/bootstrap.js"></script>
<script src="js/ajax.js"></script>
<script src="js/index.js"></script>

</html>